<style type="text/css">
    .content1{font-size: 20px; font-weight: bold;}
    .bg0{background: #a7ff13;color:#888888;padding: 5px; border-radius: 8px;margin-left: 10px}
    .bg1{background: #FF0000;color:#fefefe;padding: 5px; border-radius: 8px;margin-left: 10px}
    .bg9{color:#FF0000;padding: 10px; border-radius: 4px;margin-left: 100px;font-size: 20px}
    .content {padding: 0px; background: #fefefe}

</style>

<div class="row">
    <div class="form-group">
        <div class="col-xs-12 col-sm-6">
            <div id="echart1" style="height:300px;"></div>
        </div>
        <div class="col-xs-12 col-sm-6">
            <div id="echart2" style="height:300px;"></div>
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2"></label>
        {if $mdstate1 == 0}
            <label class="control-label col-xs-12 col-sm-4 content1">循環過濾油箱 A1: <label class="bg0">正常</label></label>
        {else}
            <label class="control-label col-xs-12 col-sm-4 content1">循環過濾油箱 A1: <label class="bg1">异常</label></label>
        {/if}
        <label class="control-label col-xs-12 col-sm-1"></label>
        {if $mdstate3 == 0}
        <label class="control-label col-xs-12 col-sm-4 content1">第一集油箱 B1: <label class="bg0">正常</label></label>
        {else}
        <label class="control-label col-xs-12 col-sm-4 content1">第一集油箱 B1: <label class="bg1">异常</label></label>
        {/if}


    </div>

    <div class="form-group">

        <label class="control-label col-xs-12 col-sm-2"></label>
        {if $mdstate2 == 0}
        <label class="control-label col-xs-12 col-sm-4 content1">循環過濾油箱 A2: <label class="bg0">正常</label></label>
        {else}
        <label class="control-label col-xs-12 col-sm-4 content1">循環過濾油箱 A2: <label class="bg1">异常</label></label>
        {/if}
        <label class="control-label col-xs-12 col-sm-1"></label>
        {if $mdstate4 == 0}
        <label class="control-label col-xs-12 col-sm-4 content1">第一集油箱 B2: <label class="bg0">正常</label></label>
        {else}
        <label class="control-label col-xs-12 col-sm-4 content1">第一集油箱 B2: <label class="bg1">异常</label></label>
        {/if}
    </div>



    <div class="form-group">
        <div class="col-xs-12 col-sm-6">
            <div id="echart3" style="height:320px;"></div>
        </div>
        <div class="col-xs-12 col-sm-3">
            <div id="echart4" style="height:320px;"></div>
        </div>
        <div class="col-xs-12 col-sm-3">
            <div id="echart5" style="height:320px;"></div>
        </div>
    </div>

</div>

<div class="form-group">
    <label class="bg9">{$ycgj}</label>
</div>

<script>
    var WSdata = {
        wdvalue: {$wdvalue},
        sdvalue: {$sdvalue},
        md4: {:json_encode(array_values($md4))},
        md5: {:json_encode(array_values($md5))},
        md6: {:json_encode(array_values($md6))},
        md7: {:json_encode(array_values($md7))},

        md1list1: {:json_encode(array_values($md1list1))},
        md1list2: {:json_encode(array_values($md1list2))},
        md1list3: {:json_encode(array_values($md1list3))},
        md1Xlist: {:json_encode(array_values($md1Xlist))},

        md1list4: {:json_encode(array_values($md1list4))},
        md1list5: {:json_encode(array_values($md1list5))},
        md1list6: {:json_encode(array_values($md1list6))},

        md2list1: {:json_encode(array_values($md2list1))},
        md2list2: {:json_encode(array_values($md2list2))},
        md2list3: {:json_encode(array_values($md2list3))},

        md2list4: {:json_encode(array_values($md2list4))},
        md2list5: {:json_encode(array_values($md2list5))},
        md2list6: {:json_encode(array_values($md2list6))},

        md2Xlist: {:json_encode(array_values($md2Xlist))},

    };

</script>